{extend name="public/base"/}
{block name="style"}

{/block}
{block name="body"}
	<header class="ui-header">  
	    <div class="ui-icon-left">
	        <a href="javascript:;" class="ui-icon icon-back"></a>
	    </div>
	    <h1 class="ui-title">充值</h1>
	    <div class="ui-icon-right">
	        <a href="javascript:;" class="ui-icon icon-menu"></a>
	    </div>
	   <!--导航-->
	    {block name="include"}{include file="public:dropnav" /}{/block}
	</header>
	<div class="weui-content">
		<div class="cx-cells">
			<div class="recharge-text">
				您的余额0书币
			</div>
		</div>
		<div class="cx-cells">
			<div class="cx-header">
				<h4>充{:config('virtualname')}</h4>
				<p>1RMB=100{:config('virtualname')}</p>
			</div>
			<div class="cx-body">
				<ul class="recharge-select">
					<li class="active" data-price='30' data-bi='3000' data-song='0'>
						<div class="recharge-box">
							<h2>30元</h2>
							<p class="desc">3000书币</p>
							<p class="ft">多送0元书币</p>
						</div>
					</li>
					<li data-price='50' data-bi='3000' data-song='0'>
						<div class="recharge-box">
							<h2>50元</h2>
							<p class="desc">5000+3000书币</p>
							<p class="ft">多送30元书币</p>
							<!--立减-->
							<div class="less-box">
								立减<br />6元
							</div>
						</div>
					</li>
					<li data-price='100' data-bi='3000' data-song='0'>
						<div class="recharge-box">
							<h2>100元</h2>
							<p class="desc">10000+8000书币</p>
							<p class="ft">多送80元书币</p>
							<!--立减-->
							<div class="less-box">
								立减<br />6元
							</div>
						</div>
					</li>
					<li data-price='200' data-bi='20000' data-song='200'>
						<div class="recharge-box">
							<h2>200元</h2>
							<p class="desc">20000+20000书币</p>
							<p class="ft">多送200元书币</p>
							<!--立减-->
							<div class="less-box">
								立减<br />6元
							</div>
						</div>
					</li>
					<li data-price='365' data-bi='30000000' data-song='1000000'>
						<div class="recharge-box">
							<h2>365元</h2>
							<p class="desc">年费VIP会员</p>
							<p class="ft">365天倡读多有小说</p>
							<!--立减-->
							<div class="less-box">
								立减<br />6元
							</div>
						</div>
					</li>
				</ul>
				<div class="cx-button">
					<button class="weui-btn weui-btn-recharge">确认充值</button>
				</div>
				<div class="cx-tips">
					<p>*书币属于虚拟货币，一旦充值不得退还</p>
					<p>*充值后书币到账可能有延迟，1小时内未到账请联系客服微信：adasdewe，或拨打客服电话:138334433433</p>
					<p>*工作时间：周一到周五 9：00-18：00</p>
				</div>
			</div>
		</div>
	</div>
{/block}
{block name="script"}
	<script type="text/javascript" src="__PUBLIC__/novel/js/jquery.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/novel/js/common.js"></script>
	<script type="text/javascript">
		$(document).on('click','.weui-btn-recharge', function(){
			var price = $('.recharge-select li.active').attr('data-price')
			var bi = $('.recharge-select li.active').attr('data-bi')
			var song = $('.recharge-select li.active').attr('data-song')
			
			$.ajax({
                type: 'GET',
                url:'',
                dataType: 'json',
                success: function(data){
                	
                },
                error: function(xhr, type){
                	
                    console.log(price+"-"+bi+"-"+song)
                }
            });
		})
	</script>
{/block}